<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>金融风险监测预警平台v1.5</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
    <link href="js/plugins/layui/css/layui.css" rel="stylesheet">
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeIn">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <div class="form-inline text-left">
                        生成日期：
                        <div class="input-group">
                            <input type="text" style="width:150px;" id="checkDate" class="form-control test-item" name="start"
                                   placeholder="2018-03" autocomplete="off"/>&nbsp;&nbsp;<button type="submit" class="btn btn-primary searchBtn" id="export" data-type="reload">生成</button>
                        </div>
                        <a class="pull-right">导出 <i class="fa fa-file-word-o"></i></a>
                    </div>
                    <div>
                        <h2 class="text-success text-center border-bottom" style="padding-bottom:10px;">X年X月舆情月报</h2>
                        <br>
                        <h3 class="text-success">一、舆情总览</h3>
                        <p> X年X月，共监测相关舆情信息X条。</p>
                        <p>其中X类（财经、社会、新闻、招聘、投诉/举报、社交论坛、行政处罚、司法公告、其他）相关舆情信息最多。</p>
                        <p>从地域来看，XX街道的风险舆情信息最多，总计X条。</p>
                        <p>整体来看，正面/中性/负面舆情信息最多，总计X条，占比X；正面/中性/负面舆情信息总计X条，占比X；正面/中性/负面舆情信息总计X条，占比X。</p>
                        <br>
                        <h3 class="text-success">二、传播分析</h3>
                        <h4 class="text-success">1、舆情走势</h4>
                        <p> 据下图可知，在X月X日舆情信息量最多，走势处在波峰，在X月X日舆情信息量最少，走势处在波谷。</p>
                        <div class="row">
                            <div class="col-md-2">
                            </div>
                            <div class="col-md-8">
                                <div class="echarts" id="echarts-area-chart"></div>
                            </div>
                            <div class="col-md-2">
                            </div>
                        </div>
                        <h4 class="text-success">2、舆情分布</h4>
                        <p> 据下图可知，X年X月，财经舆情信息X条，占比X；社会舆情信息X条，占比X；
                            新闻舆情信息X条，占比X；招聘舆情信息X条，占比X；投诉/举报舆情信息X条，占比X；社交论坛舆情信息X条，占比X；
                            行政处罚舆情信息X条，占比X；司法公告舆情信息X条，占比X；其他舆情信息X条，占比X。</p>
                        <div class="row">
                            <div class="col-md-2">
                            </div>
                            <div class="col-md-8">
                                <div class="echarts" id="echarts-bar-chart"></div>
                            </div>
                            <div class="col-md-2">
                            </div>
                        </div>
                        <h3 class="text-success">三、内容分析</h3>
                        <h4 class="text-success">1、情感属性</h4>
                        <p> 据下图可知，X年X月，正面舆情信息X条，占比X；中性舆情信息X条，占比X；负面舆情信息X条，占比X。</p>
                        <div class="row">
                            <div class="col-md-2">
                            </div>
                            <div class="col-md-8">
                                <div class="echarts" id="echarts-bar-chart2"></div>
                            </div>
                            <div class="col-md-2">
                            </div>
                        </div>
                        <h4 class="text-success">2、司法信息</h4>
                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <th>编号</th>
                                <th>分类</th>
                                <th>企业</th>
                                <th>发布时间</th>
                                <th>数量</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>1</td>
                                <td>司法公告</td>
                                <td>湖南XXX有限公司</td>
                                <td>2018年X月X日</td>
                                <td>118</td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>司法公告</td>
                                <td>湖南XXX有限公司</td>
                                <td>2018年X月X日</td>
                                <td>108</td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>司法公告</td>
                                <td>湖南XXX有限公司</td>
                                <td>2018年X月X日</td>
                                <td>98</td>
                            </tr>
                            <tr>
                                <td>4</td>
                                <td>司法公告</td>
                                <td>湖南XXX有限公司</td>
                                <td>2018年X月X日</td>
                                <td>88</td>
                            </tr>
                            <tr>
                                <td>5</td>
                                <td>司法公告</td>
                                <td>湖南XXX有限公司</td>
                                <td>2018年X月X日</td>
                                <td>78</td>
                            </tr>
                            <tr>
                                <td>6</td>
                                <td>司法公告</td>
                                <td>湖南XXX有限公司</td>
                                <td>2018年X月X日</td>
                                <td>68</td>
                            </tr>
                            <tr>
                                <td>7</td>
                                <td>司法公告</td>
                                <td>湖南XXX有限公司</td>
                                <td>2018年X月X日</td>
                                <td>58</td>
                            </tr>
                            <tr>
                                <td>8</td>
                                <td>司法公告</td>
                                <td>湖南XXX有限公司</td>
                                <td>2018年X月X日</td>
                                <td>48</td>
                            </tr>
                            <tr>
                                <td>9</td>
                                <td>司法公告</td>
                                <td>湖南XXX有限公司</td>
                                <td>2018年X月X日</td>
                                <td>38</td>
                            </tr>
                            <tr>
                                <td>10</td>
                                <td>司法公告</td>
                                <td>湖南XXX有限公司</td>
                                <td>2018年X月X日</td>
                                <td>28</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 全局js -->
<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.6"></script>
<script src="js/plugins/layui/layui.all.js"></script>
<script type="text/javascript" src="js/content.js"></script>
<!-- ECharts -->
<script src="js/plugins/echarts/echarts-all-3.js"></script>

<!-- ECharts demo data -->
<script src="js/demo/echarts-public-opinion-report-demo.js"></script>
<script src="js/loading.js"></script>
<script>
    $(document).ready(function () {
        $("#export").click(function () {
            loading({
                isShow: true,
                text: "正在生成..."
            });
            window.setTimeout(function () {
                loading({
                    isShow: false
                });
            }, 1000);
        });
    });
    layui.use('laydate', function () {
        var laydate = layui.laydate;
        laydate.render({
            elem: '#checkDate'
            ,type: 'month'
        });
    });
</script>
</body>
</html>
